<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/style.css">
</head>

<body>
    <div class="wrap">
        <div class="dv">
            <!-- 头部 menu -->


            <div class="menu">
                <div class="logo">
                    <a href="http://www.opp2.com/"><img src="../images/ia_100000000.png" alt=""></a>
                </div>
                <div class="menu-nav">
                    <ul class="ul-logo">
                        <li><a href="">首页</a></li>
                        <li class="li-nav"><a href="">推广</a>
                            <ul class="dropdown-content">
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                            </ul>
                        </li>
                        <li class="li-nav"><a href="">运营</a>
                            <ul class="dropdown-content">
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                            </ul>
                        </li>
                        <li class="li-nav"><a href="">营销</a>
                            <ul class="dropdown-content">
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                            </ul>
                        </li>
                        <li class="li-nav"><a href="">青瓜早报</a>
                            <ul class="dropdown-content">
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                                <li><a href="">APP推广</a></li>
                            </ul>
                        </li>
                        <li class="li-nav"><a href="">推广服务</a>
                            <ul class="dropdown-content">
                                <li><a href="">APP推广</a></li>
                                <li><a href="">游戏推广</a></li>
                            </ul>
                        </li>
                        <li class="li-nav"><a href="">联系我们</a>
                            <ul class="dropdown-content">
                                <li><a href="">APP推广</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="sign">
                    <input type="text" id="inputs">
                    <div class="menu-sign">
                        <button id="btn"><img src="../images/fangdajing.png" alt="" onClick="msgbox(1)"></button>
                        <a href="">登陆</a>
                        <a href="">注册</a>
                        <a href="" class="tougao"><span>投稿</span> </a>
                    </div>
                </div>
            </div>
            <!-- banner -->
            <div class="main">
                
                <div class="main-left">
                    <div class="banner">
                        <div class="banner-img">
                            <a href=""><img src="../images/ia_100000003.jpg" alt=""></a>
                            <ul id="newList">
                                <!-- <li>
                                    <img src="../images/ia_100000004.jpg" alt="">
                                    <p class="evaluate"><span>高点击率文案撰写技巧</span></p>
                                </li> -->
                            </ul>
                        </div>
                    </div>

                    <div class="second-nav">
                        <h2>
                            <span>专题介绍</span>
                            <span>全部专题</span>
                        </h2>
                        <div>
                            <img src="../images/ia_100000008.png" alt="">
                            <img src="../images/ia_100000008.png" alt="">
                            <img src="../images/ia_100000008.png" alt="">
                            <img src="../images/ia_100000008.png" alt="">

                        </div>


                    </div>

                    <div class="news">
                        <ul class="news-navs">
                            <li>最新文章</li>
                            <li>最新文章</li>
                            <li>最新文章</li>
                            <li>最新文章</li>
                            <li>最新文章</li>
                        </ul>
                        <span></span>

                        <ul class="news-lists">
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                            <li>
                                <img src="../images/ia_100000862.jpg" alt="">
                                <h2 class="item-title">
                                    <a href="">如何提高直播带货的转化率？</a>
                                </h2>
                                <p>现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。
                                    给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…</p>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="main-right">
                    <div class="banner-list">
                        <div class="list1">
                            <span></span><a href="" class="wenzhang">热门文章</a>
                        </div>
                        <ul class="ul-wenzhang">
                            <li>
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li class="li1">
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li>
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                        </ul>
                    </div>

                    <div class="qingGua">
                        <img src="../images/ia_100000030.png" alt="">
                    </div>

                    <div class="banner-list wenzhang1">
                        <div class="list1">
                            <span></span><a href="" class="wenzhang">推荐文章</a>
                        </div>
                        <ul class="ul-wenzhang ">
                            <li>
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li class="li1">
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li>
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li>
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li class="li1">
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li>
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                        </ul>
                    </div>

                    <div class="qingGua">
                        <img src="../images/ia_100000860.png" alt="">
                    </div>

                    <div class="banner-list wenzhang2">
                        <div class="list1">
                            <span></span><a href="" class="wenzhang">推荐文章</a>
                        </div>
                        <ul class="ul-wenzhang ">
                            <li>
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li class="li1">
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li>
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li>
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li class="li1">
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li>
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li>
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li class="li1">
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>
                            <li>
                                <img src="../images/ia_100000005.jpg" alt="">
                                <span class="wenzi">移动互联网2017年Q2夏季报告:移动生态流量</span>
                                <h6>2017年7月12日</6>
                            </li>



                        </ul>
                    </div>

                    <div class="tags">
                        <div class="list1 list2">
                            <span></span><a href="" class="wenzhang">推荐文章</a>
                        </div>
                        <ul class="tags-list">
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                            <li>APP推广</li>
                        </ul>
                    </div>
                    <div class="qingGua">
                        <img src="../images/ia_100000030.png" alt="">
                    </div>
                </div>
            </div>

            <div class="sec-panel">
                <div class="sec-panel-head">
                    <h2><span>友情链接</span><a
                            href="http://wpa.qq.com/msgrd?v=3&amp;uin=1130357073&amp;site=qq&amp;menu=yes"
                            target="_blank" class="more">申请友链</a></h2>
                </div>

                <div class="sec-panel-body">
                    <div class="list list-links">
                        <a target="_blank" href="">5118大数据</a>
                        <a target="_blank" href="">51LA</a>
                        <a target="_blank" href="">APP推广</a>
                        <a target="_blank" href="">ASO优化</a>
                        <a target="_blank" href="">CPA之家</a>
                        <a target="_blank" href="">天猫店铺转让</a>
                        <a target="_blank" href="">法律快车</a>
                        <a target="_blank" href="">游戏陀螺</a>
                        <a target="_blank" href="">白鲸出海</a>
                        <a target="_blank" href="">积分墙投放</a>
                        <a target="_blank" href="">跨境电商</a>
                        <a target="_blank" href="">跨境电商市场</a>
                        <a target="_blank" href="">运营大叔</a>
                        <a target="_blank" href="">青瓜传媒</a>
                    </div>
                </div>
            </div>

            <div class="footer">
               <div class="footer-col footer-col-copy">
                <ul class="footer-nav hidden-xs">
                    <li>首页</li>
                    <li>首页</li>
                    <li>首页</li>
                    <li>首页</li>
                    <li>首页</li>
                    <li>首页</li>
                    <li>首页</li>
                    <li>首页</li>
                </ul>
               </div>
               <p>
                Copyright © 2014-2020 青瓜传媒 版权所有 免责声明 联系我们 闽ICP备14005448号-1
            </p>
            </div>


        </div>
    </div>

    <script>
        function msgbox(n) {
            document.getElementById('inputs').style.display = 'inline-block';     /* 点击按钮打开对话框 */
        }

        // banner 
        var newLists = [{
            imgurl: '../images/ia_100000004.jpg',
            news: '高点击率文案撰写技巧'
        }, {
            imgurl: '../images/ia_100000004.jpg',
            news: '高点击率文案撰写技巧'
        }, {
            imgurl: '../images/ia_100000004.jpg',
            news: '高点击率文案撰写技巧'
        }
        ]

        var newList = document.getElementById('newList');
        newList.innerHTML = render(newLists);
        // let result = render(newLists)
        // console.log(result);

        function render(dataList) {
            let content = '';
            dataList.forEach(function (item, index) {
                content += '<li>' + '<img src="' + item.imgurl + '">' + '<p class="evaluate"><span>' + item.news + '</span></p>' + '</li>';
            });
            return content;
        }

        var news = [
            {
                imgurl: '../images/ia_100000862.jpg',
                title: '如何提高直播带货的转化率？',
                item: '现在到处都在讲直播带货，直播带货已经出圈，618期间几百位明星放下身段，加入直播带货大军，直播带货整个一愈演愈烈的态势。 给人的感觉就是，这里面钱多的很，只要跟直播带货沾上边，不管…'
            },

        ]
        // var news=document.getElementsByClassName('news-lists')
        // news.innerHTML=res(add)
        // function res(add){

        //     for(var i=0;i<15;i++){
        //     var content=''
        //     content +='<li>'+'<img src="'+'"'
        // }
        // }
    </script>
</body>

</html>